@import '../../style/default.less';

.DashboardWarn{
    background: #FFF9E6;
    border: 1px solid #FFD77A;
    color: @black-65;
    border-radius: 4px;
    a{
        color: #2E74FF;
        float: right;
    }
    :global{
        .anticon{
            margin-right: 8px;
        }
        .ant-card-body{
            padding: 10px 16px!important;
        }
    }
}
.DashboardHead{
    margin-top: 16px;
    :global{
        .ant-card-body{
            padding: 20px!important;
        }
        .left{
            float: left;
            width: 70%;
            img{
                width: 72px;
                height: 72px;
                border: 1px solid #D9D9D9;
                border-radius: 50%;
                float: left;
                margin-right: 16px;
            }
            p{
                font-size: 20px;
                color: @black-65;
                margin-bottom: 12px;
            }
            .test{
                background-color: #FFF1F0;
                border-color: #FFA39E;
                color: #F5222D;
            }
            .enterprise{
                background-color: #F0F7FF;
                border-color: #A8CEFF;
                color: #2E74FF;
            }
        }
        .right{
            float: right;
            text-align: right;
            padding-top: 20px;
        }
    }
}

// 数据监控
.DashboardMonitor{
    margin-top: 16px;
    :global{
        .ant-card-head{
            padding: 0 16px;
        }
        .ant-card-head-title,.ant-card-extra{
            padding: 12px 0;
        }
        .ant-card-body{
            padding: 0px!important;
            .ant-row{
                padding: 20px 0;
                margin: 0 20px;
                .ant-col-6{
                    // padding: 0 20px 20px;
                    color: @black-45;
                    padding: 0 20px;
                    // margin-top: 20px;
                    border-right: 1px solid #E8E8E8;
                    position: relative;
                    img{
                        float: right;
                    }
                    p{
                        font-size: 20px;
                        font-weight: bold;
                        line-height: 36px;
                    }
                    span{
                        color: @black-25;
                    }
                    .layer{
                        width: 32px;
                        height: 32px;
                        background: #FFF;
                        position: absolute;
                        bottom: -32px;
                        right: -16px;
                    }
                }
                .ant-col-6:first-child{
                    padding-left: 0;
                }
                .ant-col-6:last-child{
                    border: none;
                    padding-right: 0;
                }
            }
            .ant-row:first-child{
                border-bottom: 1px solid #E8E8E8;
            }
        }
    }
}
// 经营趋势
.DashboardStatis{
    margin-top: 16px;
    :global{
        .ant-card-head{
            padding: 0 16px;
        }
        .ant-card-head-title,.ant-card-extra{
            padding: 12px 0;
        }
    }
}

// 常用功能
.DashboardShortcut{
    margin-top: 16px;
    :global{
        .ant-card-head{
            padding: 0 16px;
        }
        .ant-card-head-title,.ant-card-extra{
            padding: 12px 0;
        }
        .ant-card-body{
            padding: 12px 16px;
            .ant-col-6{
                padding: 12px 0;
                line-height: 24px;
                img{
                    float: left;
                    margin-right: 8px;
                }
            }
        }
    }
}